<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
    <h:head>
        <title>ScoreTracker</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"/>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    </h:head>
    <h:body>
        <div id="container">

            <div id="header">

                <h1><font color="#057AC5">Score</font>Tracker</h1>

            </div>
            <ul id="nav">

                <li><a href="#" >Home</a></li>

                <li><a href="#">Aanmelden</a></li>

                <li><a href="#">Contact</a></li>

            </ul>

            <br class="clear" />

            <div id="sidebar">

                <h1>Welkom</h1>

                <p>Welkom op Scoretracker, met behulp van deze webapplicatie kan u als docent gemakkelijk de scores van je studenten ingeven en bijhouden. Klik op aanmelden om te beginnen.</p>
                <p>#{helloWorldController.helloWorldMessage}</p>
               
            </div>
        </div>
    </h:body>
</html>